<template>
    <!-- 集团供应商汇总评价详情 -->
    <div class="e-table">
        <div class="top">
            <div class="left">
                <div>
                    <el-button size="mini" @click="buttonAdd()"
                        >上一个</el-button
                    >
                    <el-button size="mini" @click="buttonAdd()"
                        >下一个</el-button
                    >
                    <span style="margin-left: 5px"
                        >供应商名称:<span></span
                    ></span>
                </div>
            </div>
            <div class="right">
                <div>
                    <el-input placeholder="" v-model="searchIpt" size="small">
                        <i slot="suffix" class="el-icon-search like"></i>
                    </el-input>
                </div>
                <div></div>
            </div>
        </div>

        <el-table
            border
            ref="table"
            :data="tableData"
            tooltip-effect="dark"
            style="width: 100%"
            class="table"
            :max-height="$store.state.tableHeight"
            @selection-change="handleSelectionChange"
            @cell-mouse-enter="cellMouseEnter"
            @cell-mouse-leave="cellMouseLeave"
            v-sortTable="{ tableData: tableData, _this: this, ref: 'table' }"
        >
            <el-table-column show-overflow-tooltip label="序号">
            </el-table-column>
            <el-table-column label="评价机构" width="300"> </el-table-column>
            <el-table-column
                prop="year"
                label="合同编号"
                width="200"
                show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
                prop="month"
                label="合同名称"
                width="200"
                show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
                prop="orgName"
                label="年度评价分数或等级"
                width="250"
            >
            </el-table-column>
            <el-table-column
                prop="planDate"
                label="动态评价次数"
                width="200"
                show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
                prop="amount"
                label="动态评价结果"
                width="150"
                show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
                prop="state"
                label="汇总评价分数"
                width="250"
                show-overflow-tooltip
            >
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
export default {
    data () {
        return {
            tableData: []
        }
    },
    created () {},
    mounted () {},
    methods: {
        cellMouseEnter (row) {
            this.MouseEnterId = row.id
        },
        cellMouseLeave () {
            this.MouseEnterId = 0
        },
        handleSelectionChange (val) {
            this.multipleSelection = val
            console.log(this.multipleSelection)
        },

        //新增按钮
        buttonAdd () {
            this.$router.push('/monthPlanAdd')
        }
    }
}
</script>
<style lang="scss" scoped>
.like {
    color: rgb(46, 97, 215);
    font-size: 17px;
    line-height: 30px;
    cursor: pointer;
}
::v-deep.el-table .cell {
    text-align: center;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
    width: 6px; // 横向滚动条
    height: 10px; // 纵向滚动条
}
// 滚动条的滑块
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 5px;
}
</style>
